*{
    margin: 0px;
    padding: 0px;
}
.carte{
    width: 1200px;
    height: 20px;
    margin: 0px auto;
    .carte-first{
        font-size: 12px;
        color: #333;
    }
    span{
        color: #8C8C8C;
    }
    a{
        color: #8C8C8C;
        font-size: 12px;
        text-decoration: none;
        font-family: 微软雅黑,宋体;
        &:hover{
            text-decoration: underline;
            color: #333;
        }
    }
}
.cate{
    width: 1198px;
    height: 101px;
    margin: 0px auto;
    border: solid 1px #5c5c5c;
    border-bottom: 0px;
    margin-top: 10px;
    .cate-title{
        width: 1198px;
        height: 50px;
        border-bottom: solid 1px #5c5c5c;
        p{
            width: 86px;
            height: 18px;
            font-size: 12px;
            padding-top: 16px;
            text-align: right;
            float: left;
        }
        .title-one{
            display: block;
            font-size: 12px;
            float: left;
            text-decoration: none;
            margin-top: 16px;
            margin-left: 10px;
            color: #E01D20;
           
        }
        .more{
            width: 978px;
            height: 30px;
            float: left;
            margin-top: 10px;
            margin-left: 20px;
            li{
                list-style: none;
                float: left;
                margin-right: 20px;
                a{
                    text-decoration: none;
                    font-size: 12px;
                    line-height: 28px;
                    color: #999999;
                    &:hover{
                        color: #666666;
                    }
                }
            }
        }
    }
}
.commodities{
    width: 1200px;
    height: 364px;
    margin: 0px auto;
    
    margin-top: 20px;
    li{
        width: 222px;
        height:362px;
        border: solid 1px #999999;
        list-style: none;
        margin-right: 20px;
        float: left;
        img{
            position: absolute;
        }
        .commodities-one{
            display: block;
            width: 218px;
            height: 218px;
            margin-left: 2px;
            margin-top: 10px;
            float: left;
        }
        .value-one{
            width: 222px;
            height: 35px;
            float: left;
            text-align: center;
            span{
                font-size: 24px;
                color: #E01D20;;
            }
        }
        .value{
            width: 222px;
            height: 48px;
            float: left;
            margin-top: 10px;
            text-align: center;
            a{
                width: 182px;
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: #666666;
                margin-left: 20px;
                &:hover{
                    color: #E01D20;;
                    text-decoration: underline;
                }
                
            }
        }
        .value-two{
            width: 222px;
            height: 29px;
            float: left;
            margin-top: 11px;
            border-top: solid 1px #5C5C5C;
            .value-p{
                width: 110px;
                height:30px ;
                border-right: solid 1px #5C5C5C;
                text-align: center;
                float: left;
                a{
                    display: block;
                    height: 29px;
                    width: 110px;
                    text-decoration: none;
                    font-size: 12px;
                    color: #CA141D;
                    line-height: 30px;
                    &:hover{
                        color: #ffffff;
                        background: #CA141D;
                    }
                }
            }
            p{
               width: 111px;
               height: 30px; 
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               color: #5C5C5C;
               float: left;
               
            }
        }
        
    }
}
.commodities-p{
    width: 1200px;
    height: 364px;
    margin: 0px auto;
    
    margin-top: 20px;
    li{
        width: 222px;
        height:362px;
        border: solid 1px #999999;
        list-style: none;
        margin-right: 20px;
        float: left;
        .commodities-one{
            display: block;
            width: 218px;
            height: 218px;
            margin-left: 2px;
            margin-top: 10px;
            float: left;
        }
        .value-one{
            width: 222px;
            height: 35px;
            float: left;
            text-align: center;
            span{
                font-size: 24px;
                color: #E01D20;;
            }
        }
        .value{
            width: 222px;
            height: 48px;
            float: left;
            margin-top: 10px;
            text-align: center;
            a{
                width: 182px;
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: #666666;
                margin-left: 20px;
                &:hover{
                    color: #E01D20;;
                    text-decoration: underline;
                }
                
            }
        }
        .value-two{
            width: 222px;
            height: 29px;
            float: left;
            margin-top: 11px;
            border-top: solid 1px #5C5C5C;
            .value-p{
                width: 110px;
                height:30px ;
                border-right: solid 1px #5C5C5C;
                text-align: center;
                float: left;
                a{
                    display: block;
                    height: 29px;
                    width: 110px;
                    text-decoration: none;
                    font-size: 12px;
                    color: #CA141D;
                    line-height: 30px;
                    &:hover{
                        color: #ffffff;
                        background: #CA141D;
                    }
                }
            }
            p{
               width: 111px;
               height: 30px; 
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               color: #5C5C5C;
               float: left;
               
            }
        }
        
    }
}
.commodities-w{
    width: 1200px;
    height: 364px;
    margin: 0px auto;
    
    margin-top: 20px;
    li{
        width: 222px;
        height:362px;
        border: solid 1px #999999;
        list-style: none;
        margin-right: 20px;
        float: left;
        .commodities-one{
            display: block;
            width: 218px;
            height: 218px;
            margin-left: 2px;
            margin-top: 10px;
            float: left;
        }
      
        .value-one{
            width: 222px;
            height: 35px;
            float: left;
            text-align: center;
            span{
                font-size: 24px;
                color: #E01D20;;
            }
        }
        .value{
            width: 222px;
            height: 48px;
            float: left;
            margin-top: 10px;
            text-align: center;
            a{
                width: 182px;
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: #666666;
                margin-left: 20px;
                &:hover{
                    color: #E01D20;;
                    text-decoration: underline;
                }
                
            }
        }
        .value-two{
            width: 222px;
            height: 29px;
            float: left;
            margin-top: 11px;
            border-top: solid 1px #5C5C5C;
            .value-p{
                width: 110px;
                height:30px ;
                border-right: solid 1px #5C5C5C;
                text-align: center;
                float: left;
                a{
                    display: block;
                    height: 29px;
                    width: 110px;
                    text-decoration: none;
                    font-size: 12px;
                    color: #CA141D;
                    line-height: 30px;
                    &:hover{
                        color: #ffffff;
                        background: #CA141D;
                    }
                }
            }
            p{
               width: 111px;
               height: 30px; 
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               color: #5C5C5C;
               float: left;
               
            }
        }
        
    }
}
.commodities-t{
    width: 1200px;
    height: 364px;
    margin: 0px auto;
    
    margin-top: 20px;
    li{
        width: 222px;
        height:362px;
        border: solid 1px #999999;
        list-style: none;
        margin-right: 20px;
        float: left;
        .commodities-one{
            display: block;
            width: 218px;
            height: 218px;
            margin-left: 2px;
            margin-top: 10px;
            float: left;
        }
        .value-one{
            width: 222px;
            height: 35px;
            float: left;
            text-align: center;
            span{
                font-size: 24px;
                color: #E01D20;;
            }
        }
        .value{
            width: 222px;
            height: 48px;
            float: left;
            margin-top: 10px;
            text-align: center;
            a{
                width: 182px;
                display: block;
                text-decoration: none;
                font-size: 12px;
                color: #666666;
                margin-left: 20px;
                &:hover{
                    color: #E01D20;;
                    text-decoration: underline;
                }
                
            }
        }
        .value-two{
            width: 222px;
            height: 29px;
            float: left;
            margin-top: 11px;
            border-top: solid 1px #5C5C5C;
            .value-p{
                width: 110px;
                height:30px ;
                border-right: solid 1px #5C5C5C;
                text-align: center;
                float: left;
                a{
                    display: block;
                    height: 29px;
                    width: 110px;
                    text-decoration: none;
                    font-size: 12px;
                    color: #CA141D;
                    line-height: 30px;
                    &:hover{
                        color: #ffffff;
                        background: #CA141D;
                    }
                }
            }
            p{
               width: 111px;
               height: 30px; 
               font-size: 12px;
               text-align: center;
               line-height: 30px;
               color: #5C5C5C;
               float: left;
               
            }
        }
        
    }
}
.connect-p{
    width: 1200px;
    height: 90px;
  
    margin: 0px auto;
    margin-top: 20px;
    
   
    ul{
        width: 1200px;
        height: 18px;
        margin-left: 100px;
        .pw-pt{
            
            
            a{
                font-size: 12px;
                color: #CA141D;
                line-height: 18px;
            }
        }
        li{
            list-style: none;
            float: left;
            padding-left: 5px;
            padding-right: 5px;
            position: relative;
            a{
                text-decoration: none;
                color: #777;
                font-size: 12px;
                &:hover{
                    color: #CA141D;
                    text-decoration: underline;
                }
            }
            span{
                
                width: 1px;
                height: 12px;
                background: #333333;
                position: absolute;
                right: 0px;
                top: 6px;
            }
        }
    }
}